<!--
 * @Author       : tingke
 * @Date         : 2021-02-26 16:47:38
 * @LastEditors  : tingke
 * @LastEditTime : 2021-02-26 17:01:16
 * @FilePath     : /React/index.html
 * @Description  :
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- react.min.js - React 的核心库 -->
    <script src="./react/react.development.js"></script>
    <!-- react-dom.min.js - 提供与 DOM 相关的功能 -->
    <script src="./react/react-dom.development.js"></script>
    <!-- babel.min.js - Babel 可以将 ES6 代码转为 ES5 代码，这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。 -->
    <!-- 生产环境中不建议使用 -->
    <script src="./react/babel.min.js"></script>
</head>
<body>
    <div id="example"></div>
    <script type="text/babel">
        ReactDOM.render(
            <h1>Hello, React!</h1>,
            document.getElementById('example')
        );
    </script>
</body>
</html>
